<!DOCTYPE html>
<ui:composition template="/template/layout.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:o="http://omnifaces.org/ui">

	<f:metadata>

		<o:viewParam name="id" value="#{usuarioController.formulario.entidade}" />

		<f:viewAction action="#{usuarioController.prepararCadastro()}" />

	</f:metadata>

	<ui:define name="titulo">Cadastro de Usuário</ui:define>

	<ui:define name="corpo">

		<h:form id="frmUsuario">

			<h3>

				<h:outputText value="Novo Usuário" rendered="#{usuarioController.formulario.entidade.new}" />

				<h:outputText value="Editar Usuário" rendered="#{!usuarioController.formulario.entidade.new}" />

			</h3>

			<div class="row-fluid">

				<div class="span12">

					<div class="span6">

						<p:outputLabel value="Nome" for="nome" />

						<p:inputText id="nome" size="60" value="#{usuarioController.formulario.entidade.nome}" style="width: 98%;" />

					</div>

					<div class="span6">

						<p:outputLabel value="Email" for="email" />

						<p:inputText id="email" size="60" value="#{usuarioController.formulario.entidade.email}" style="width: 98%;" />

					</div>

				</div>

			</div>

			<div class="row-fluid">

				<div class="span12">

					<div class="span6">

						<div class="span6">

							<p:outputLabel value="CPF" for="cpf" />

							<p:inputMask mask="999.999.999-99" id="cpf" size="11" value="#{usuarioController.formulario.entidade.cpf}" style="width: 98%;" />

						</div>

						<div class="span6 form-inline" align="center" style="margin-top: 28px;">
						
						<h:panelGroup rendered="#{usuarioController.usuarioLogado.userAdmin}">
						
							<p:outputLabel value="Usuário Admin" for="admin" />	
							
							<p:spacer width="30"/>
							
							<p:selectBooleanCheckbox id="admin" value="#{usuarioController.formulario.entidade.userAdmin}"/>
						</h:panelGroup>
						</div>

					</div>

					<div class="span3">

						<p:outputLabel value="Telefone" for="telefone" />

						<p:inputMask mask="(99)9999-9999" id="telefone" value="#{usuarioController.formulario.entidade.telefone}" style="width: 98%;" />

					</div>

					<div class="span3">

						<p:outputLabel value="Data de Nascimento" for="dataNascimento" />

						<p:calendar size="12" navigator="true" yearRange="1900:#{usuarioController.dataAtual.year+1900}" maxdate="#{usuarioController.dataAtual}"
							id="dataNascimento" pattern="dd/MM/yyyy" locale="pt_BR" value="#{usuarioController.formulario.entidade.dataNascimento}" style="width: 98%;" />

					</div>

				</div>

			</div>

			<div class="row-fluid">

				<div class="span12">

					<div class="span6">

						<p:outputLabel value="Login" for="login" />

						<p:inputText readonly="#{!usuarioController.formulario.entidade.new}" id="login" size="60"
							value="#{usuarioController.formulario.entidade.login}" style="width: 98%;" />

					</div>

					<div class="span6">

						<p:outputLabel value="Senha" for="senha" />

						<p:password id="senha" size="60" value="#{usuarioController.formulario.entidade.senha}" style="width: 98%;" />

					</div>

				</div>

			</div>

			<div class="row-fluid">

				<div class="span12" style="margin-top: 15px;">

					<p:commandButton value="Salvar" action="#{usuarioController.salvar()}" styleClass="btn btn-primary" ajax="false" />

					<p:spacer width="30" />

					<p:commandButton id="btnVoltar" ajax="false" immediate="true" value="Voltar" styleClass="btn btn-default"
						action="/paginas/usuario/inicio?faces-redirect=true" />

				</div>

			</div>

		</h:form>

	</ui:define>

</ui:composition>